<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
	<title>John Antoni Griffiths / Freelance Web Developer</title>

	<meta name="copyright" content="Copyright <%=Time.new.year%> John Antoni Griffiths" />
	<meta name="description" content="Freelance web development by John Antoni Griffiths, specializing in social networks and bespoke web development, design &amp; consultancy - Ruby / jQuery / AJAX / CSS / XHTML / PHP / MySQL / JAVA" />
	<meta name="keywords" content="linux, c#, css, facebook, blog, ruby, php, ajax, tutorials, javascript, notebook, python, development, sql, archlinux, geek, jquery, hosting, ubuntu, scalable, debian, lamp, mootools, oop" />
  <meta name="Content-Language" content="en-UK"/>
  <meta name="Coverage" content="UK, CA, USA"/>
  <meta name="robots" content="all" />
  <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

  <link rel="shortcut icon" href="http://data.red91.com/johnantoni/img/favicon.ico" type="image/x-icon" />

  <style type="text/css" media="screen">@import url("http://data.red91.com/johnantoni/css/reset.css");</style>
  <style type="text/css" media="screen">@import url("http://data.red91.com/johnantoni/css/screen.css");</style>
  <style type="text/css" media="print">@import url("http://data.red91.com/johnantoni/css/print.css");</style>

	<!--[if IE 6]>
		<style type="text/css" media="screen">@import url("http://data.red91.com/johnantoni/css/screen-ie6.css");</style>
	<![endif]-->
</head>
<body id="index" class="home">

	<div id="container">
		<a accesskey="t" id="top"></a>
		<p class="hidden skip"><a href="#cn">Skip to content</a></p>

		<header role="banner">
      <div id="header">
			  <h1><a href="/"><span>John</span> Antoni</a></h1>
      </div>
    </header>

		<a accesskey="c" id="cn"></a>
		<div id="contentContainer">
			<div id="content">
				
				<a class="section" id="welcome">Welcome</a>
				<div class="panel">
					<a class="thumb" title="Myself" href="http://data.red91.com/johnantoni/img/portfolio/profile_full.jpg"><img src="http://data.red91.com/johnantoni/img/portfolio/profile_thumb.jpg" width="75" height="75" alt="Myself" /></a>
					<p>I'm a web developer and technology guy by trade, who focuses on social media and emerging technologies.  <br/>Currently building <b>AJAX</b>-enabled web applications using <b>Ruby on Rails</b>, the future is set in socially-aware concepts increasing digital convergence and rewarding innovation.</p>
				</div>
				
				<a class="section" id="about">Testimonials</a>
				<div class="panel hidden">
          <p>"John Griffiths is an experienced IT professional with expertise in developing innovative Web Applications for large corporations.  He works closely and effectively with all levels of management, offers logical, forthright thinking and is able to provide effective solutions to solve difficult problems."</p>

          <h3><i>Technicals</i></h3>
          <ul>
            <li>Ruby on Rails, .NET, C#, PHP, Python</li>
            <li>AJAX, JSON, Web Services</li>
            <li>CSS, XHTML, SEO, Cross-Browser Standard</li>
            <li>Agile, TDD / BDD, GIT / Mercurial, Selenium</li>
            <li>SQL Server MCTS, MySQL, Oracle 10g, PostgreSql</li>
          </ul>

          <p><i>"He is a very capable Javascript developer indeed, and has mentored other developers within the organisation to assist them in their learning."</i> <b>Andy Skipper</b> CTO, moveme.com</p>
          <p><i>"Throughout this time John has been a pleasure to work with. He is a highly skilled developer and brings an organised approach to his work which has consistently been on time, to plan and far surpassing our expectations in terms of quality"</i> <b>Edward Leifer</b> Director, DatesWithMates Limited</p>
          <p><i>"I worked with John for over 5 years and relied on him as my technical expert in delivering solutions to WSP and their clients. With strong technical and problem solving skills I would highly recommend him"</i> <b>Lynn Smyth</b> Project Manager, WSP Group PLC</p>
          <p>Outside work I enjoy theatre, music and training to help produce some short films.</p>
				</div>
  			
				<a class="section" id="portfolio">History</a>
				<div class="panel hidden" id="portfolioPanel">
					<p>Here's a short collection of some of the work I've put together over the years, ranging from full web-presence and corporate online facilities like <a href="http://www.wspgroup.com" title="WSP Group PLC">WSP Group PLC</a>, the 'Yahoo Award' winning <a href="http://www.moveme.com" title="Moveme.com">Moveme.com</a> web app, to the inventive little social dating network <a href="http://www.datesplash.com" title="Datesplash.com">DateSplash.com</a></p>

					<p><b>Moveme.com - User Interface Developer</b></p>
					<a class="thumb" title="Moveme.com" href="http://data.red91.com/johnantoni/img/portfolio/moveme_full.png"><img src="http://data.red91.com/johnantoni/img/portfolio/moveme_thumb.png" width="80" height="80" alt="Moveme.com" /></a>
          <p>Yahoo Award for Innovation 2008</p>
					<p>Highly verastile role building the pioneering <a href="http://www.moveme.com/planner/index.aspx" title="MoveMe Calendar">Moveme Calendar</a> and <a href="http://www.moveme.com" title="MoveMe QuickMove">Moving Tools</a>, creating a rich and rewarding web experience.</p>
					<a class="thumb" title="Moveme.com" href="http://data.red91.com/johnantoni/img/portfolio/moveme_full2.png"><img src="http://data.red91.com/johnantoni/img/portfolio/moveme_thumb2.png" width="80" height="80" alt="Moveme.com" /></a>
					<p>AJAX frameworks on the front-end, cross-browser tested and W3C compliance. WebTrends, Zanox &amp; Google analytics + client-side A-B testing.  Helped construct planner &amp; widgets for partners (SKY, MSN, AOL), performance tuned, profiled &amp; API.</p>
					<ul>
							<li>JavaScript (Prototype, jQuery, MooTools)</li>
							<li>W3C CSS 2.1 and XHTML</li>
							<li>Cross-Browser conformance with Selenium</li>
							<li>WebTrends, Zanox, A-B testing</li>
							<li>Performance Tuning &amp; Profiling</li>
					</ul>

					<p><b>WSP Group PLC - Senior Web Developer</b></p>
					<a class="thumb" title="WSP Group PLC" href="http://data.red91.com/johnantoni/img/portfolio/wsp_full.png"><img src="http://data.red91.com/johnantoni/img/portfolio/wsp_thumb.png" width="80" height="80" alt="WSP Group PLC" /></a>
          <p>Major projects include forums, corporate Q/A rooms for <a href="http://www.wspgroup.com" title="WSP Group PLC">worldwide</a> use, CMS systems &amp; Online Procurement application for global offices; all web-based and  AJAX active.</p>
          <p>SAGE Saleslogix. IIS search with a Google MINI appliance. SEO profiling. Staff training sessions, beginning agile, code quality and future maintainability.</p>
          <p>Virtual n-tier environment, overseeing 5-10 sql servers &amp; 3 IIS web servers spanned across multiple co-located machines, day-to-day system management, design and development.</p>
          <ul>
							<li>.NET, T-SQL, Ruby</li>
							<li>AJAX, CSS, XHTML</li>
							<li>Custom CMS + Web-based Tools</li>
							<li>PRIMO - Online Procurement</li>
					</ul>

					<p><b>DatesWithMates Limited - CTO / Lead Developer</b></p>
					<a class="thumb" title="DateSplash.com" href="http://data.red91.com/johnantoni/img/portfolio/dates_full.png"><img src="http://data.red91.com/johnantoni/img/portfolio/dates_thumb.png" width="80" height="80" alt="DateSplash.com" /></a>
          <p>July 2008 saw the successful launch of an independently run <a href="http://www.datesplash.com" title="Datesplash.com">RoR project</a> reinvigorating the original .NET website of a unique double-dating social network recently featured on UK television, along with a FaceBook app and location-based searching</p>
					<ul>
				      <li>Ruby on Rails + MySQL</li>
				      <li>Liquid templating + GeoCoding</li>
				      <li>jQuery + AJAX</li>
					</ul>

					<div class="clear"></div>
				</div>
				
			</div>
		</div>

		<footer role="contentinfo">
			<ul id="footer">
			  <li>
			    <span>Tel:</span> +44 (0) 79220 02260 | 
				  <a href="mailto:&#106;&#111;&#104;&#110;&#064;&#106;&#111;&#104;&#110;&#097;&#110;&#116;&#111;&#110;&#105;&#046;&#099;&#111;&#109;" title="Send email to &#106;&#111;&#104;&#110;&#064;&#106;&#111;&#104;&#110;&#097;&#110;&#116;&#111;&#110;&#105;&#046;&#099;&#111;&#109;">&#106;&#111;&#104;&#110;&#064;&#106;&#111;&#104;&#110;&#097;&#110;&#116;&#111;&#110;&#105;&#046;&#099;&#111;&#109;</a>
				</li>
				<li>
				  <a href="http://www.twitter.com/johnantoni" title="Twitter">Twitter</a> | 
          <a href="skype:sgmuse?call" class="contact">Skype</a> | 
				  <a href="http://www.johngriffiths.me" title="My Resume">Resume</a> | 
				  <a href="http://www.red91.com" title="My blog, Red91.com">Blog</a> | 
				  <a href="http://github.com/johnantoni" title="My Code">GitHub</a>
				</li>
				<li>
				  <span>Coded for </span><a href="http://html5.validator.nu/?doc=http%3A%2F%2Fwww.johnantoni.com" title="html 5">HTML 5</a>
				</li>
			</ul>
		</footer>

	</div>
  
	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/lib/jquery-1.3.2.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/lib/jquery-ui-1.7.2.custom.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/lib/jquery.flyout.js" charset="utf-8"></script>
	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/lib/jquery.geturlparam.js" charset="utf-8"></script>

	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/src/app.js" charset="utf-8"></script>
	<script type="text/javascript" src="http://data.red91.com/johnantoni/js/src/google.js" charset="utf-8"></script>

</body>
</html>